@charset "UTF-8";


$countDefault: 1 !default;
$durationDefault: 1s !default;
$delayDefault: 0s !default;
$functionDefault: ease !default;
$fillDefault: both;
$visibilityDefault: hidden !default;

@mixin count($count: 1) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}animation-iteration-count: $count;
  }
}

@mixin duration($duration: 1s) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}animation-duration: $duration;
  }
}

@mixin delay($delay: .2s) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}animation-delay: $delay;
  }
}

@mixin function($function: ease) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}animation-timing-function: $function;
  }
}

@mixin fill-mode($fill: both) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}animation-fill-mode: $fill;
  }
}

@mixin visibility($visibility: hidden) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}backface-visibility: $visibility;
  }
}

@mixin transform($property) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}transform: $property;
  }
}

@mixin transform-origin($transform-origin: center center) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}transform-origin: $transform-origin;
  }
}

@mixin transform-style($transform-style: flat) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}transform-style: $transform-style;
  }
}

@mixin animation-name($animation-name) {
  @each $prefix in '-webkit-','-moz-','-ms-','-o-','' {
    #{$prefix}animation-name: $animation-name;
  }
}

@mixin keyframes($animation-name) {
  @-webkit-keyframes #{$animation-name} {
    @content;
  }

  @-moz-keyframes #{$animation-name} {
    @content;
  }

  @-ms-keyframes #{$animation-name} {
    @content;
  }

  @-o-keyframes #{$animation-name} {
    @content;
  }

  @keyframes #{$animation-name} {
    @content;
  }
}